<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>丘丘谷</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" type="text/css" href="assets/css/style.css">
        <link rel="stylesheet" type="text/css" href="assets/css/order.css">
    </head>
    <body ontouchstart="">

        <!--footer-->
        <footer class="ui-footer ui-footer-btn my-footer-bg">
            <ul class="ui-tiled">
                <li data-href="index.html">
                    <div>首页</div>
                </li>
                <li data-href="ui.html">
                    <div>购物车</div>
                </li>
                <li data-href="js.html" class="active">
                    <div>订单</div>
                </li>
                <li data-href="js.html">
                    <div>我的</div>
                </li>
            </ul>
        </footer>
        <!--endfooter-->

        <div class="ui-tab main">
            <ul class="ui-tab-nav ui-border-b">
                <li class="current">未付款</li>
                <li>已支付</li>
                <li>已发货</li>
                <li>售后</li>
            </ul>
            <ul class="ui-tab-content ui-row" style="width:400%">
                <li class="current">
                    <ul class="ui-row">
                        <li class="ui-col ui-col-100 my-order-list">
                            <header class="my-order-header">
                                <h6 class="ui-txt-info">订单编号: SA20000234200</h6>
                            </header>

                            <ul class="ui-list ui-list-one ui-list-link ui-border-tb my-order-body">
                                <li class="ui-border-t my-order-list-item">
                                    <div class="my-order-img-box">
                                        <img class="my-order-img" alt="">
                                    </div>
                                    <div class="ui-list-info my-list-info">
                                        <div class="my-info-left">
                                            <h4>这本书太赞了，每次看都有不一样的体会和感悟，超级喜</h4>
                                            <p>规格 1件=10g</p>
                                        </div>
                                    </div>
                                    <div class="my-info-right">
                                        <h5>￥100.00</h5>
                                        <p class="ui-txt-muted">x 2</p>
                                    </div>
                                </li>
                                <li class="ui-border-t my-order-list-item">
                                    <div class="my-order-img-box">
                                        <img class="my-order-img" alt="">
                                    </div>
                                    <div class="ui-list-info my-list-info">
                                        <div class="my-info-left">
                                            <h4>这本书太赞了，每次看都有不一样的体会和感悟，超级喜</h4>
                                            <p>规格 1件=10g</p>
                                        </div>
                                    </div>
                                    <div class="my-info-right">
                                        <h5>￥100.00</h5>
                                        <p class="ui-txt-muted">x 2</p>
                                    </div>
                                </li>
                            </ul>

                            <footer class="my-order-footer">
                                <h5>共1件商品 <span style="float: right;">应付: <strong>100.00</strong></span></h5>
                                <div class="ui-btn-wrap my-btn-wrap">
                                    <button class="ui-btn-s">
                                        取消
                                    </button>
                                    <button class="ui-btn-s ui-btn-danger">
                                        付款
                                    </button>
                                </div>
                            </footer>
                        </li>

                    </ul>
                    <ul class="ui-row">
                        <li class="ui-col ui-col-100 my-order-list">
                            <header class="my-order-header">
                                <h6 class="ui-txt-info">SA20000234200</h6>
                            </header>

                            <ul class="ui-list ui-list-one ui-list-link ui-border-tb my-order-body">
                                <li class="ui-border-t my-order-list-item">
                                    <div class="my-order-img-box">
                                        <img class="my-order-img" alt="">
                                    </div>
                                    <div class="ui-list-info my-list-info">
                                        <div class="my-info-left">
                                            <h4>这本书太赞了，每次看都有不一样的体会和感悟，超级喜</h4>
                                            <p>规格 1件=10g</p>
                                        </div>
                                    </div>
                                    <div class="my-info-right">
                                        <h5>￥100.00</h5>
                                        <p class="ui-txt-muted">x 2</p>
                                    </div>
                                </li>
                                <li class="ui-border-t my-order-list-item">
                                    <div class="my-order-img-box">
                                        <img class="my-order-img" alt="">
                                    </div>
                                    <div class="ui-list-info my-list-info">
                                        <div class="my-info-left">
                                            <h4>这本书太赞了，每次看都有不一样的体会和感悟，超级喜</h4>
                                            <p>规格 1件=10g</p>
                                        </div>
                                    </div>
                                    <div class="my-info-right">
                                        <h5>￥100.00</h5>
                                        <p class="ui-txt-muted">x 2</p>
                                    </div>
                                </li>
                            </ul>

                            <footer class="my-order-footer">
                                <h5>共1件商品 <span style="float: right;">应付: <strong>100.00</strong></span></h5>
                                <div class="ui-btn-wrap my-btn-wrap">
                                    <button class="ui-btn-s">
                                        取消
                                    </button>
                                    <button class="ui-btn-s ui-btn-danger">
                                        付款
                                    </button>
                                </div>
                            </footer>
                        </li>

                    </ul>
                </li>
                <li>选项2内容</li>
                <li>选项3内容</li>
                <li>选项3内容</li>
            </ul>
        </div>


        <script src="lib/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
    </body>
</html>
